<script>
export default {
  name: 'CommunicationRecord',
  props: ['messageList'],
  data: function () {
    return {

    }
  }
}
</script>
<template>
  <div class="communication-record">
    <!-- TODO -->
  </div>
</template>
<style scoped>
.communication-record {
  height: 500px;
  background: rgba(0, 0, 0, 0.05);
  overflow-y: auto;
  border-bottom: solid 1px #dddddd;
}
</style>
